<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魅族精简版</title>
    <!-- 先引入对网页的图标 -->
    <link rel="icon" href="./Newimage/xjmz(2).ico">
    <!-- 引入全局样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 首页的样式 -->
    <link rel="stylesheet" href="./css/index3.css">
    <!-- 引入js技术 -->
    <script src="myScript.js"></script>
</head>
<body>
    <!-- 导航开始 -->
    <div class="nav">
        <ul>
            <li><a href="./index.html">手机</a></li>
            <li><a href="#">声学</a></li>
            <li><a href="#">配件</a></li>
            <li><a href="#">lipro</a></li>
            <li><a href="#">MUVY</a></li>
            <li><a href="./meizubrta.html">Flyme系统</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="./index6.html">社区</a></li>
            <li><a href="#">APP下载</a></li>
            <li><a href="#">企业服务</a></li>
        </ul>
    </div>
    <!-- 导航结束 -->
    <!-- banner开始 -->
    <div class="banner">
    </div>
    <!-- banner结束 -->
    <!-- 广告开始 -->
    <div class="adv">
        <!-- 水平居中 -->
        <div class="wrap">
            <div class="adv-box">
                <img src="./five/4802d235-98bb-43af-b18a-0f168df5eaaa.webp" alt="">
                <p class="adv-name">999期分期付费</p>
                <p class="dav-desc">可续费至下辈子</p>
            </div>
        </div>
        <div class="wrap">
            <div class="adv-box">
                <img src="./ten/4daffa22-9a5c-4b23-8011-1e0605625f18.webp" alt="">
                <p class="adv-name">魅友见面礼</p>
                <p class="dav-desc">领取新人福利</p>
            </div>
        </div>
        <div class="wrap">
            <div class="adv-box">
                <img src="./ten/e61c2352-136b-42fa-b5be-834174f95bd7.webp" alt="">
                <p class="adv-name">学生专享好礼</p>
                <p class="dav-desc">学生认证专享福利</p>
            </div>
        </div>
    </div>
    <!-- 广告结束 -->
    <!-- 主体开始 -->
    <div class="cintainner">
        <!-- 手机开始 -->
        <div class="phone">
            <h3 class="title">手机</h3>
            <div class="home-img"></div>
            <div class="phone-box"></div>
                <div class="wrap">
                    <div class="phone-box-top">
                        <div class="phone-top-left">
                            <a href="./index6.html">
                                <p class="name1">魅族22</p>
                                <p class="desc1">限时预定，没有优惠券</p>
                                <p class="price1"><span>$</span>9999<i>起</i><p>
                                <img src="./four/Cgbj0GQk-MKAQbf9AAqzAmNq5Hk772.png" alt="">
                            </a>
                        </div>
                        <div>
                            <a href="./idnex7.html">
                                <p class="name1">魅族21</p>
                                <p class="desc1">48期免息</p>
                                <p class="price1"><span>$</span>9999<i>起</i><p>
                                <img src="./four/Cgbj0WVmzVaAc8EPAAd-nbHO6B0916.png" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="phone-box-bottom">
                        <div class="item">
                            <a href="#">
                                <img src="./four/Cgbj0GR0BCSALZWTAARFHnfd6T0252.png" alt="" class="goods-img">
                                <p class="goods-name">魅族20无界</p>
                                <p class="goods-desc">限时减免，没有优惠券</p>
                                <p class="price1"><span>$</span>9999<i>起</i><p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="./four/Cgbj0GTsAFmAf_4vAA0-C2QrdgI557.png" alt="" class="goods-img">
                                <p class="goods-name">魅族20领克版本</p>
                                <p class="goods-desc">没有优惠券</p>
                                <p class="price1"><span>$</span>9999<i>起</i><p>
                            </a>
                        </div>
                        <div class="item">
                            <a href="#">
                                <img src="./four/Cgbj0GQk-ZmAdpj5AA3X2fbhIlA274.png" alt="" class="goods-img">
                                <p class="goods-name">魅族20青</p>
                                <p class="goods-desc">限时减免，没有优惠券</p>
                                <p class="price1"><span>$</span>9999<i>起</i><p>
                            </a> 
                        </div>
                        <div class="item right">
                            <a href="#">
                                <img src="./four/Cgbj0WUt5lCAXRolAAj_nICDgVA139.png" alt="" class="goods-img">
                                <p class="goods-name">魅族20classic</p>
                                <p class="goods-desc">限时减免，没有优惠券</p>
                                <p class="price1"><span>$</span>9999<i>起</i><p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 手机结束 -->
        <!-- MUVY开始 -->
        <div class="eyes">
            <h3 class="title">MUYV</h3>
            <div class="home-img home-img1 "></div>
            <div class="muvy-box">
                <div class="wrap">
                    <div class="item">
                        <a href="#">
                            <img src="./nine/0c141288-623f-4860-acee-9a75fc874997.webp" alt="" class="goods-img">
                            <p class="goods-name">MYVU 探索版 AR 眼镜</p>
                            <p class="goods-desc">灵动清新融合视界 | 全场景助手，从容解放双手 |</p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="./nine/Cgbj0GVlzlGANuZrAAO9ZLV6MXI002.png" alt="" class="goods-img">
                            <p class="goods-name">MYVU AR 眼镜</p>
                            <p class="goods-desc">43g极轻因人设计 | 双目2000nit无界信息屏 | 打造无界生态体验</p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="./nine/Cgbj0GVmuTmARcmeAAVO_Bxthjs246.png" alt="" class="goods-img">
                            <p class="goods-name">MYVU 智能指环</p>
                            <p class="goods-desc">指间配对默契无界，多模交互无界流转</p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <div class="item right">
                        <a href="#">
                            <img src="./nine/Cgbj0WVmzd2AdsnGAAW1OLVsBvY520.png" alt="" class="goods-img">
                            <p class="goods-name">MYVU 不锈钢近视镜架   /p>
                            <p class="goods-desc">适配MYVU AR 眼镜</p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="./nine/Cgbj0GWbmHyAYY3LAAzybUqvg2Y127.jpg" alt="" class="goods-img">
                            <p class="goods-name">PANDAER 灵龙 妙磁抗菌壳</p>
                            <p class="goods-desc"> IML 双塑立体印刷 | 妙磁阵列大吸力 </p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="./nine/Cgbj0WWNNH6APLyMAAgEIn8Yh_U946.jpg" alt="" class="goods-img">
                            <p class="goods-name">
                                PANDAER 有限艺术 手机壳礼盒
                                </p>
                            <p class="goods-desc">有限艺术 甄选适配</p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <img src="./nine/Cgbj0WVocCGAcpf6AAywW0_-1CE228.jpg" alt="" class="goods-img">
                            <p class="goods-name">妙磁抗菌抗摔壳/p>
                            <p class="goods-desc">IML 双塑立体印刷</p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <div class="item right">
                        <a href="#">
                            <img src="./nine/Cgbj0GVtP2yAY-0QAAmEmDQfELc331.jpg" alt="" class="goods-img">
                            <p class="goods-name">PANDAER 降噪耳机 1s</p>
                            <p class="goods-desc">宇航造型旋转出舱</p>
                            <p class="price1"><span>$</span>9999<i>起</i><p>
                        </a>
                    </div>
                    <!-- 这个属性用于控制文本在其容器中的水平对齐方式，将文本右对齐                </div> -->
            </div>
        </div>
        <!-- MUVY结束 -->
        
    </div>  
    <!-- 主体结束 -->
</body>
</html>